<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>条款与协议 - 青南学长平台</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary: #6ab1f7;
            --primary-light: #a8d0fe;
            --secondary: #4a8bc9;
            --accent: #8ec5fc;
            --text: #2c3e50;
            --text-light: #6c757d;
            --background: #f0f8ff;
            --white: #ffffff;
            --card-shadow: 0 8px 20px rgba(106, 177, 247, 0.15);
            --hover-shadow: 0 12px 30px rgba(106, 177, 247, 0.25);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
        }
        
        body {
            background-color: var(--background);
            color: var(--text);
            line-height: 1.6;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* 导航栏样式 */
        header {
            background-color: var(--white);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            position: sticky;
            top: 0;
            z-index: 100;
        }
        
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
        }
        
        .logo {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .logo-icon {
            color: var(--primary);
            font-size: 28px;
        }
        
        .logo-text {
            font-size: 24px;
            font-weight: 700;
            color: var(--primary);
            letter-spacing: -0.5px;
        }
        
        .nav-links {
            display: flex;
            gap: 25px;
        }
        
        .nav-link {
            color: var(--text);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
            padding: 8px 0;
        }
        
        .nav-link:hover {
            color: var(--primary);
        }
        
        .back-button {
            color: var(--text);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: color 0.3s;
            padding: 8px 16px;
            border-radius: 8px;
            background: var(--white);
            border: 1px solid var(--primary-light);
        }
        
        .back-button:hover {
            color: var(--primary);
            border-color: var(--primary);
        }
        
        /* 条款内容区域 */
        .terms-section {
            padding: 40px 0;
            flex: 1;
        }
        
        .page-title {
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .page-title i {
            color: var(--primary-light);
        }
        
        .terms-container {
            background: var(--white);
            border-radius: 20px;
            padding: 30px;
            box-shadow: var(--card-shadow);
        }
        
        .tabs {
            display: flex;
            border-bottom: 1px solid var(--primary-light);
            margin-bottom: 30px;
        }
        
        .tab {
            padding: 15px 30px;
            cursor: pointer;
            font-weight: 600;
            color: var(--text-light);
            border-bottom: 3px solid transparent;
            transition: all 0.3s;
        }
        
        .tab.active {
            color: var(--primary);
            border-bottom: 3px solid var(--primary);
        }
        
        .tab-content {
            display: none;
        }
        
        .tab-content.active {
            display: block;
        }
        
        .terms-content {
            max-height: 600px;
            overflow-y: auto;
            padding-right: 20px;
        }
        
        .terms-content::-webkit-scrollbar {
            width: 6px;
        }
        
        .terms-content::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }
        
        .terms-content::-webkit-scrollbar-thumb {
            background: var(--primary-light);
            border-radius: 10px;
        }
        
        .terms-content h2 {
            font-size: 1.8rem;
            color: var(--primary);
            margin: 30px 0 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid var(--primary-light);
        }
        
        .terms-content h3 {
            font-size: 1.4rem;
            color: var(--secondary);
            margin: 25px 0 12px;
        }
        
        .terms-content h4 {
            font-size: 1.2rem;
            color: var(--text);
            margin: 20px 0 10px;
        }
        
        .terms-content p {
            margin-bottom: 15px;
            text-align: justify;
        }
        
        .terms-content ul, .terms-content ol {
            margin: 15px 0;
            padding-left: 30px;
        }
        
        .terms-content li {
            margin-bottom: 8px;
        }
        
        .terms-content strong {
            color: var(--secondary);
        }
        
        .last-updated {
            background: rgba(168, 208, 254, 0.1);
            padding: 15px;
            border-radius: 10px;
            margin: 20px 0;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .last-updated i {
            color: var(--primary);
        }
        
        /* 页脚样式 */
        footer {
            background-color: var(--white);
            padding: 30px 0;
            margin-top: 40px;
            border-top: 1px solid var(--primary-light);
        }
        
        .footer-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .footer-logo {
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 700;
            color: var(--primary);
            font-size: 1.2rem;
        }
        
        .footer-links {
            display: flex;
            gap: 20px;
        }
        
        .footer-link {
            color: var(--text-light);
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .footer-link:hover {
            color: var(--primary);
        }
        
        .copyright {
            text-align: center;
            margin-top: 30px;
            color: var(--text-light);
            font-size: 0.9rem;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }
            
            .tabs {
                flex-direction: column;
            }
            
            .tab {
                padding: 12px 20px;
            }
            
            .footer-content {
                flex-direction: column;
                gap: 20px;
                text-align: center;
            }
        }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <header>
        <div class="container">
            <div class="navbar">
                <div class="logo">
                    <i class="fas fa-graduation-cap logo-icon"></i>
                    <span class="logo-text">青南学长</span>
                </div>
                
                <div class="nav-links">
                    <a href="index.html" class="nav-link">首页</a>
                    <a href="usercenter.html" class="nav-link">用户中心</a>
                    <!-- <a href="#" class="nav-link">我的收藏</a>
                    <a href="#" class="nav-link">消息中心</a>-->
                </div>
                
                <a href="index.html" class="back-button">
                    <i class="fas fa-arrow-left"></i>
                    <span>返回首页</span>
                </a>
            </div>
        </div>
    </header>

    <!-- 条款内容区域 -->
    <section class="terms-section">
        <div class="container">
            <h1 class="page-title">
                <i class="fas fa-file-contract"></i>
                条款与协议
            </h1>
            
            <div class="terms-container">
                <div class="tabs">
                    <div class="tab active" data-tab="privacy">隐私条款</div>
                    <div class="tab" data-tab="terms">使用条款</div>
                </div>
                
                <!-- 隐私条款内容 -->
                <div class="tab-content active" id="privacy-content">
                    <div class="last-updated">
                        <i class="fas fa-info-circle"></i>
                        <span>最后更新日期：2025年10月21日</span>
                    </div>
                    
                    <div class="terms-content" id="privacy-terms">
                        <h2>青南学长平台隐私条款</h2>
                        
                        <p>欢迎使用青南学长平台（以下简称"本平台"）。我们深知个人信息对您的重要性，并致力于保护您的隐私。本隐私条款旨在说明我们如何收集、使用、存储、共享和保护您的个人信息，以及您如何行使您的个人信息权利。</p>
                        
                        <h3>1. 信息收集</h3>
                        <p>我们收集的信息包括：</p>
                        
                        <h4>1.1 您直接提供的信息</h4>
                        <ul>
                            <li><strong>账户信息：</strong>当您注册账户时，我们会收集您的QQ邮箱、手机号码、昵称、性别、地区等信息。</li>
                            <li><strong>身份信息：</strong>根据您选择的身份（教师或学生），我们会收集相应的年级、科目、教学经验或学习需求等信息。</li>
                            <li><strong>个人资料：</strong>您上传的头像、个人简介、教学风格或学习特点等信息。</li>
                            <li><strong>联系方式：</strong>当您与其他用户联系时，我们可能会收集您的联系方式。</li>
                        </ul>
                        
                        <h4>1.2 自动收集的信息</h4>
                        <ul>
                            <li><strong>设备信息：</strong>我们可能会收集您使用的设备型号、操作系统版本、唯一设备标识符等信息。</li>
                            <li><strong>日志信息：</strong>当您使用我们的服务时，我们会自动收集您对我们服务的详细使用情况，作为服务日志保存。</li>
                            <li><strong>位置信息：</strong>当您使用与位置有关的服务时，我们可能会记录您设备所在的位置信息。</li>
                        </ul>
                        
                        <h3>2. 信息使用</h3>
                        <p>我们可能将收集的信息用于以下目的：</p>
                        <ul>
                            <li>提供、维护和改进我们的服务</li>
                            <li>实现用户之间的匹配和联系</li>
                            <li>发送服务通知、技术通知、更新、安全警报等</li>
                            <li>响应您的客户服务请求</li>
                            <li>进行数据分析，以改进我们的产品、服务及用户体验</li>
                            <li>检测、防范和解决欺诈、安全或技术问题</li>
                        </ul>
                        
                        <h3>3. 信息共享与披露</h3>
                        <p>我们不会与任何公司、组织和个人分享您的个人信息，但以下情况除外：</p>
                        <ul>
                            <li><strong>获得您的明确同意：</strong>在获得您的明确同意后，我们会与其他方共享您的个人信息。</li>
                            <li><strong>实现用户匹配：</strong>为促成家教服务，我们会向潜在匹配的教师或学生展示您的必要信息（如昵称、教学/学习信息等）。</li>
                            <li><strong>法律要求：</strong>根据法律法规、法律程序、诉讼或政府主管部门强制性要求，我们可能会披露您的个人信息。</li>
                            <li><strong>保护权利和财产：</strong>为保护本平台、用户或公众的权利、财产或安全免遭损害而有必要披露。</li>
                        </ul>
                        
                        <h3>4. 信息安全</h3>
                        <p>我们采取各种安全技术和程序，以防信息的丢失、不当使用、未经授权阅览或披露。例如，在某些服务中，我们将利用加密技术来保护您提供的个人信息。但请注意，尽管我们尽力保护您的个人信息，但任何安全措施都无法做到无懈可击。</p>
                        
                        <h3>5. 信息存储</h3>
                        <p>我们在中华人民共和国境内运营中收集和产生的个人信息，存储在中国境内。一般而言，我们仅为实现目的所必需的最短时间保留您的个人信息。</p>
                        
                        <h3>6. 您的权利</h3>
                        <p>按照中国相关的法律、法规、标准，以及其他国家、地区的通行做法，我们保障您对自己的个人信息行使以下权利：</p>
                        <ul>
                            <li><strong>访问权：</strong>您有权访问您的个人信息，法律法规规定的例外情况除外。</li>
                            <li><strong>更正权：</strong>您有权更正或更新您的个人信息。</li>
                            <li><strong>删除权：</strong>在某些情况下，您有权要求我们删除您的个人信息。</li>
                            <li><strong>撤回同意权：</strong>您有权撤回您之前做出的有关个人信息的同意。</li>
                            <li><strong>注销权：</strong>您有权注销您的账户。</li>
                        </ul>
                        
                        <h3>7. 未成年人保护</h3>
                        <p>我们非常重视对未成年人个人信息的保护。若您是18周岁以下的未成年人，在使用我们的服务前，应事先取得您家长或法定监护人的书面同意。我们根据国家相关法律法规的规定保护未成年人的个人信息。</p>
                        
                        <h3>8. 隐私条款的更新</h3>
                        <p>我们可能会适时对本隐私条款进行修订。当条款发生变更时，我们会在版本更新后向您提示变更的内容，并让您再次选择是否同意新的隐私条款。</p>
                        
                        <h3>9. 联系我们</h3>
                        <p>如果您对本隐私条款有任何疑问、意见或建议，请通过以下方式联系我们：</p>
                        <p>电子邮箱：2676796446@qq.com</p>
                        <p>客服电话：13185098816</p>
                        
                        <p class="last-updated" style="margin-top: 30px;">
                            <i class="fas fa-check-circle"></i>
                            <span>感谢您仔细阅读我们的隐私条款！</span>
                        </p>
                    </div>
                </div>
                
                <!-- 使用条款内容 -->
                <div class="tab-content" id="terms-content">
                    <div class="last-updated">
                        <i class="fas fa-info-circle"></i>
                        <span>最后更新日期：2025年10月21日</span>
                    </div>
                    
                    <div class="terms-content" id="use-terms">
                        <h2>青南学长平台使用条款</h2>
                        
                        <p>欢迎使用青南学长平台（以下简称"本平台"）。在注册成为本平台用户并使用我们的服务之前，请您仔细阅读并充分理解本使用条款。当您完成注册程序或使用我们的服务时，即表示您已阅读、理解并同意接受本使用条款的全部内容。</p>
                        
                        <h3>1. 服务说明</h3>
                        <p>青南学长平台是一个连接教师与学生的在线家教服务平台。我们为教师和学生提供信息发布、匹配、沟通等服务，但本平台本身不直接提供家教服务，也不参与教师与学生之间的具体交易。</p>
                        
                        <h3>2. 账户注册与使用</h3>
                        <h4>2.1 注册资格</h4>
                        <p>您确认，在您完成注册程序或使用本平台服务时，您是具备完全民事权利能力和完全民事行为能力的自然人、法人或其他组织。</p>
                        
                        <h4>2.2 账户信息</h4>
                        <p>在注册过程中，您应提供真实、准确、完整和最新的个人信息，并及时更新这些信息。您应对您的账户和密码的安全负责，并对通过您的账户和密码实施的所有行为承担责任。</p>
                        
                        <h4>2.3 账户转让</h4>
                        <p>您的账户仅供您本人使用，不得以任何形式转让、借用、租用或分享给他人使用。</p>
                        
                        <h3>3. 用户行为规范</h3>
                        <h4>3.1 禁止行为</h4>
                        <p>您在使用本平台服务时，必须遵守中华人民共和国相关法律法规的规定，您同意不会利用本服务从事以下行为：</p>
                        <ul>
                            <li>发布、传送、传播、储存违反国家法律、危害国家安全统一、社会稳定、公序良俗的内容；</li>
                            <li>发布、传送、传播、储存侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的内容；</li>
                            <li>虚构事实、隐瞒真相以误导、欺骗他人；</li>
                            <li>发布涉及他人隐私、个人信息或资料的内容；</li>
                            <li>发布骚扰、广告信息、垃圾信息或含有任何性暗示的内容；</li>
                            <li>从事任何违反法律法规或本使用条款的行为。</li>
                        </ul>
                        
                        <h4>3.2 信息发布规范</h4>
                        <p>作为教师用户，您发布的信息应当真实、准确，不得夸大教学能力或效果；作为学生用户，您应如实描述学习需求和情况。</p>
                        
                        <h3>4. 服务费用与支付</h3>
                        <p>本平台目前对基础信息服务免费，但保留未来对部分增值服务收费的权利。如果未来收费，我们会提前通知您，并在您同意的情况下收取费用。</p>
                        
                        <h3>5. 知识产权</h3>
                        <p>本平台所有的产品、技术、软件、程序、数据及其他信息（包括但不限于文字、图像、照片、图片、视频、音频、图表、色彩、版面设计、电子文档）的所有知识产权（包括但不限于版权、商标权、专利权、商业秘密等）及相关权利均归本平台或相关权利人所有。</p>
                        
                        <h3>6. 免责声明</h3>
                        <h4>6.1 服务中断</h4>
                        <p>您理解并同意，本平台的服务是按照现有技术和条件所能达到的现状提供的。本平台会尽力为您提供服务，但无法随时预见和防范法律、技术以及其他风险，包括但不限于不可抗力、病毒、木马、黑客攻击、系统不稳定、第三方服务瑕疵、政府行为等原因可能导致的服务中断、数据丢失以及其他的损失和风险。</p>
                        
                        <h4>6.2 用户间纠纷</h4>
                        <p>本平台作为信息服务平台，不参与教师与学生之间的具体交易，也不对教师提供的服务质量或学生的学习效果作任何明示或暗示的担保。用户之间因家教服务产生的任何纠纷应自行解决，本平台可提供必要的协助但不承担任何责任。</p>
                        
                        <h3>7. 责任限制</h3>
                        <p>在法律允许的最大范围内，本平台明确表示不提供任何其他类型的保证，不论明示的或默示的，包括但不限于适销性、适用性、可靠性、准确性、完整性、无病毒以及无错误的任何默示保证和责任。</p>
                        
                        <h3>8. 服务的变更、中断或终止</h3>
                        <p>您理解并同意，本平台基于经营策略的调整，可能会对服务内容进行变更，也可能会中断、中止或终止服务。如发生服务变更、中断或终止的情形，本平台将尽可能事先通知您。</p>
                        
                        <h3>9. 法律适用与管辖</h3>
                        <p>本使用条款的订立、执行和解释及争议的解决均应适用中华人民共和国法律。如双方就本协议内容或其执行发生任何争议，双方应尽量友好协商解决；协商不成时，任何一方均可向本平台所在地有管辖权的人民法院提起诉讼。</p>
                        
                        <h3>10. 其他规定</h3>
                        <p>如本使用条款中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。</p>
                        
                        <p>本平台保留随时修改本使用条款的权利。如果本条款发生变更，本平台会通过网站公告、电子邮件或其他适当方式通知您变更内容。如果您不同意本条款的修改，您有权停止使用本平台服务。如果您继续使用本平台服务，则视为您接受修改后的条款。</p>
                        
                        <h3>11. 联系我们</h3>
                        <p>如果您对本使用条款有任何疑问、意见或建议，请通过以下方式联系我们：</p>
                        <p>电子邮箱：2676796446@qq.com</p>
                        <p>客服电话：13185098816</p>
                        
                        <p class="last-updated" style="margin-top: 30px;">
                            <i class="fas fa-check-circle"></i>
                            <span>感谢您仔细阅读我们的使用条款！</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <i class="fas fa-graduation-cap"></i>
                    <span>青南学长平台</span>
                </div>
                
                <div class="footer-links">
                    <a href="about.html" class="footer-link">关于我们</a>
                    <a href="about.html" class="footer-link">联系我们</a>
                    <a href="provisions.html" class="footer-link active">隐私政策</a>
                    <a href="provisions.html" class="footer-link">使用条款</a>
                </div>
            </div>
            
            <div class="copyright">
                © 2025 青南学长平台 - 为学习和教育搭建桥梁
            </div>
        </div>
    </footer>

    <script>
        // 选项卡切换功能
        document.addEventListener('DOMContentLoaded', function() {
            const tabs = document.querySelectorAll('.tab');
            const tabContents = document.querySelectorAll('.tab-content');
            
            tabs.forEach(tab => {
                tab.addEventListener('click', function() {
                    const targetTab = this.getAttribute('data-tab');
                    
                    // 移除所有选项卡的活动状态
                    tabs.forEach(t => t.classList.remove('active'));
                    tabContents.forEach(c => c.classList.remove('active'));
                    
                    // 添加当前选项卡的活动状态
                    this.classList.add('active');
                    document.getElementById(`${targetTab}-content`).classList.add('active');
                });
            });
        });
    </script>
</body>
</html>